<template>
  <div class="home">
     <Header ref="header"/>
     <Nav/>
     <Banner/>
     <Product/>
     <Goods/>
     <Example/>
     <Help/>
     <Footer/>
  </div>
</template>

<script>
// @ is an alias to /src
import Header from "@/components/Header.vue";
import Nav from "@/components/Nav.vue";
import Banner from "@/components/Banner.vue";
import Product from "@/components/Product.vue";
import Goods from "@/components/Goods.vue";
import Example from "@/components/Example.vue";
import Help from "@/components/Help.vue";
import Footer from "@/components/Footer.vue";
export default {
  name: "home",
  components: {
    Header,
    Nav,
    Banner,
    Product,
    Goods,
    Example,
    Help,
    Footer
  },
  created() {},
  methods: {
    login() {
      this.$refs.header.login();
      // let lottery=test.LotterTicket;
      // let lo=new lottery();
      // lo.getLotteryTicket();
    }
  }
};
</script>
